<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport">
    <title>产品中心-详情页</title>
    <meta name="keywords" content="产品中心-详情页" />
    <meta name="description" content="产品中心-详情页" />

    <link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
    <link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
    <link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link  rel="stylesheet" href="css/font-awesome.min.css">
    <link  rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media.css">
    

    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
    <script type="text/javascript" src="js/js.js"></script>

    <!--[if lt IE 9] -->
    <!-- 解决IE对HTML5的支付问题 -->
    <script src="js/html5shiv.js"></script>
    <!-- 解决IE8对CSS3对媒体（Media Query）的支持 -->
    <script src="js/respond.min.js"></script>
    <!-- [endif]-->

</head>
<body>
    <!--header-->
    <div class="header_top">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <span>您好，欢迎来到康科德试剂商城！&nbsp;&nbsp;工作日时间：<b>8:00-17:30</b></span>       
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="btn_box">
                        <div class="user_btn">
                            <a href="javascript:void(0)">会员登录</a>
                            <a href="javascript:void(0)">免费注册</a>
                        </div>
                        <a href="javascript:void(0)">我的订单</a>
                        <a href="javascript:void(0)" class="car_btn"><i class="fa fa-shopping-cart"></i>购物车</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header_info">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-3">
                    <a href="javascript:void(0)" class="logo_btn">
                        <img src="images/logo.jpg"/>
                    </a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="search_box">
                        <form>
                            <input type="text" placeholder="请输入中、英文产品名称，CAS号，产品编号，关键词等"/>
                            <a href="javascript:void(0)" class="fa fa-search"></a>
                        </form>
                        <a href="javascript:void(0)" class="batch_btn">批量搜索</a>
                        <div class="clear"></div>
                    </div>
                    <div class="latest_notice">
                        <label>最新公告：</label>
                        <a href="javascript:void(0)">康科德公司成为“药物及诊断试剂产业计量测试联盟”创始成员。</a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3">
                    <div class="tel_box">
                        <i class="iconfont">&#xe667;</i>
                        <span>
                           022-26720668<br/>
                           022-29535668 
                        </span>
                    </div>
                    <div class="code_box">
                        <div class="code_img">
                            <img src="images/1.jpg"/>
                        </div>
                         <span>微信下单</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>

    <nav class="navbar navbar-default kj-navbar">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="javascript:void(0)">
                <img src="images/logo.jpg"/>
            </a>
            </div>

            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="javascript:void(0)">产品中心</a></li>
                    <li><a href="javascript:void(0)">首页</a></li>
                    <li><a href="javascript:void(0)">技术中心</a></li>
                    <li><a href="javascript:void(0)">积分商城</a></li>
                    <li><a href="javascript:void(0)">新闻资讯</a></li>
                    <li><a href="javascript:void(0)">联系我们</a></li>
                    <li><a href="javascript:void(0)">前往官网</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!--map-->
    <div class="page_map">
        <div class="container">
            <a href="javascript:void(0)">首页</a>
            <i class="fa fa-angle-right"></i>
            <span>产品中心</span>
        </div>
    </div>

    <!--商品基本信息-->
    <div class="product_base_info">
        <div class="container">
            <div class="image_box">
                <div class="box">
                    <div class="tb-booth tb-pic tb-s310">
                        <a href="images/12.jpg"><img src="images/12.jpg" alt="" rel="images/12.jpg" class="jqzoom" /></a>
                        <i class="iconfont enlarge_btn">&#xe758;</i>
                    </div>

                    <ul class="tb-thumb" id="thumblist">
                        <li class="tb-selected"><div class="tb-pic tb-s40"><a href="javascript:void(0)"><img src="images/12-small.jpg" mid="images/12.jpg" big="images/12.jpg"></a></div></li>
                        <li><div class="tb-pic tb-s40"><a href="javascript:void(0)"><img  src="images/13-small.jpg" mid="images/13.jpg" big="images/13.jpg"></a></div></li>
                    </ul>
                </div>
                <div class="phone_box">
                    <div class="big_img">
                        <img src="images/12.jpg"/>
                    </div>
                    <div class="small_img">
                        <div class="list select">
                            <img src="images/12-small.jpg" big="images/12.jpg"/> 
                        </div>
                        <div class="list">
                            <img src="images/13-small.jpg" big="images/13.jpg"/> 
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="info_box">
                <h2>无水乙醇 95%</h2>
                <div class="row name">
                    <div class="col-md-3  col-sm-6 col-xs-6"><span>英文名：Ethanol </span></div>
                    <div class="col-md-3  col-sm-6 col-xs-6"><span>别名：乙醇；酒精 </span></div>
                </div>
                <div class="row subInfo">
                    <div class="col-md-3 col-sm-6 col-xs-6"><span>CAS号：64-17-5 </span></div>
                    <div class="col-md-3 col-sm-6 col-xs-6"><span>分子式：C2H6O </span></div>
                    <div class="col-md-6 col-sm-6 col-xs-6"><span>分子量：78.00</span></div>
                    <div class="col-md-3 col-sm-6 col-xs-6"><span>品牌：康科德 </span></div>
                    <div class="col-md-3 col-sm-6 col-xs-6"><span>商品编号：<em>A25255-25g</em></span></div>
                    <div class="col-md-3 col-sm-6 col-xs-6"><span>规格等级：AR/500ml </span></div>
                    <div class="col-md-3 col-sm-6 col-xs-6"><span>包装：25mg </span></div>
                </div>
                <div class="price_box">
                    <div class="list">
                        <label>价格</label>
                        <div class="price old_price">¥45.00 </div>
                        <div class="tips">（<a href="javascript:void(0)">登录</a> 会员查看折扣价）</div>
                        <div class="clear"></div>
                    </div>
                    <div class="list">
                        <label>货期</label>
                        <span>现货</span>
                        <div class="clear"></div>
                    </div> 
                    <div class="list">
                        <label>积分</label>
                        <span>下单可获45积分</span>
                        <div class="clear"></div>
                    </div>  
                </div>
                <div class="num_box">
                    <label>数量</label>
                    <div class="kj-pro-num-box kj-pro-num-box-min">
                        <button class="kj-pro-num-minus pull-left">-</button>
                        <input type="text" value="2">
                        <button class="kj-pro-num-plus pull-left">+</button>
                    </div>
                </div>
                <div class="btn_box">
                    <a href="javascript:void(0)" class="buy_btn">立即购买</a>
                    <a href="javascript:void(0)" class="car_btn">加入购物车</a>
                    <a href="javascript:void(0)" class="service_btn">大包装询价</a>
                    <a href="javascript:void(0)" class="collect_btn iconfont">&#xe60d;</a>
                    <div class="clear"></div>
                </div>

            </div>
            <div class="clear"></div>
        </div>
    </div>

    <!--提示信息-->
    <div class="container">
        <div class="product_tips">
            本网站销售的所有产品仅用于实验室检测，工业应用或者科学研究等非医疗目的，不可用于人类或动物的临床诊断治疗，非药用，非食用。
        </div>
    </div>

    <!--产品详情-->
    <div class="product_des_box">
        <div class="container">
            <div class="btn_box">
                <a href="javascript:void(0)" class="active" nameID="cpxq">产品详情 / Product Details</a>
                <a href="javascript:void(0)" nameID="coa">COA</a>
                <a href="javascript:void(0)" nameID="msds">MSDS</a>
                <a href="javascript:void(0)" nameID="jszl">技术资料 / Technicals</a>
                <div class="clear"></div>
            </div>
            <div class="des_content">
                <div class="des_box" nameForId="cpxq">
                    <div class="table-responsive">
                        <table class="table kj-des-table">
                            <tbody>
                                <tr>
                                    <th>中文别名</th>
                                    <td>溴代半乳糖苷</td>
                                </tr>
                                <tr>
                                    <th>英文名称</th>
                                    <td>tetra-O-acetyl-α-D-galactopyranosyl bromide</td>
                                </tr>
                                <tr>
                                    <th>CAS号</th>
                                    <td>3068-32-4</td>
                                </tr>
                                <tr>
                                    <th>分子式</th>
                                    <td>C14H19BrO9</td>
                                </tr>
                                <tr>
                                    <th>分子量</th>
                                    <td>411.1993</td>
                                </tr>
                                <tr>
                                    <th>密度</th>
                                    <td>1.49g/cm3</td>
                                </tr>
                                <tr>
                                    <th>熔点</th>
                                    <td>83-85℃</td>
                                </tr>
                                <tr>
                                    <th>沸点</th>
                                    <td>412°C at 760 mmHg</td>
                                </tr>
                                <tr>
                                    <th>闪点</th>
                                    <td>203°C</td>
                                </tr>
                                <tr>
                                    <th>水溶性</th>
                                    <td>Sparingly soluble</td>
                                </tr>
                                <tr>
                                    <th>蒸汽压</th>
                                    <td>5.35E-07mmHg at 25°C</td>
                                </tr>
                                <tr>
                                    <th>纯度</th>
                                    <td>≥99%</td>
                                </tr>
                                <tr>
                                    <th>用途</th>
                                    <td> 科研专用</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="des_box disN" nameForId="coa">
                    COA
                </div>

                <div class="des_box disN" nameForId="msds">
                    MSDS
                </div>

                <div class="des_box disN" nameForId="jszl">
                    <ul class="technology_data">
                        <li>
                            <div class="time">2020-06-01</div>
                            <a href="javascript:void(0)" class="title_btn">华为、腾讯、格力纷纷入局，中国医疗器械行业能否弯道超车？</a>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="time">2020-06-01</div>
                            <a href="javascript:void(0)" class="title_btn">华为、腾讯、格力纷纷入局，中国医疗器械行业能否弯道超车？</a>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="time">2020-06-01</div>
                            <a href="javascript:void(0)" class="title_btn">华为、腾讯、格力纷纷入局，中国医疗器械行业能否弯道超车？</a>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div> 
        
    </div>

    <!--相关产品-->
    <div class="product_relevant">
        <div class="container">
            <div style="position:relative">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 97%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 98%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 99%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 100%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 101%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 102%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 103%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 104%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 105%
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0)" class="img_btn">
                                <img src="images/11.jpg"/>
                            </a>
                            <a href="javascript:void(0)" class="title_btn">
                                三乙胺三氢氟酸盐 106%
                            </a>
                        </div>
                    </div>
                    
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            
        </div>
    </div>

    <!--footer-->
    <div class="footer_ensure">
        <div class="container">
            <div class="img_box">
                <img src="images/zhuan.png"/>
            </div>
            <div class="img_box">
                <img src="images/zheng.png"/>
            </div>
            <div class="img_box">
                <img src="images/zhi.png"/>
            </div>
            <div class="img_box">
                <img src="images/you.png"/>
            </div>
            <div class="img_box">
                <img src="images/xin.png"/>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <div class="footer_box">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                    <div class="title">购物指南</div>
                    <div class="nav_list">
                        <a href="javascript:void(0)">注册流程</a>
                        <a href="javascript:void(0)">订购流程</a>
                        <a href="javascript:void(0)">销售条款</a>
                        <a href="javascript:void(0)">定制询价</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                    <div class="title">会员中心</div>
                    <div class="nav_list">
                        <a href="javascript:void(0)">注册流程</a>
                        <a href="javascript:void(0)">订购流程</a>
                        <a href="javascript:void(0)">销售条款</a>
                        <a href="javascript:void(0)">定制询价</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                    <div class="title">售后服务</div>
                    <div class="nav_list">
                        <a href="javascript:void(0)">注册流程</a>
                        <a href="javascript:void(0)">订购流程</a>
                        <a href="javascript:void(0)">销售条款</a>
                        <a href="javascript:void(0)">定制询价</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                    <div class="title">参考资料</div>
                    <div class="nav_list">
                        <a href="javascript:void(0)">注册流程</a>
                        <a href="javascript:void(0)">订购流程</a>
                        <a href="javascript:void(0)">销售条款</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
                    <div class="title">关于我们</div>
                    <div class="nav_list">
                        <a href="javascript:void(0)">注册流程</a>
                        <a href="javascript:void(0)">订购流程</a>
                        <a href="javascript:void(0)">销售条款</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <div class="code_box">
                        <div class="code_img">
                            <img src="images/2.jpg"/>
                        </div>
                         <span>公司官网</span>
                    </div>
                    <div class="code_box">
                        <div class="code_img">
                            <img src="images/2.jpg"/>
                        </div>
                         <span>微信下单</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        
            <div class="link_box">
                <label>友情链接：</label>
                <div class="btn_box">
                    <a href="javascript:void(0)"> 美国ACBscitech</a>
                    <a href="javascript:void(0)"> 阿里巴巴国际站</a>
                    <a href="javascript:void(0)"> 阿里巴巴中国站</a>
                    <a href="javascript:void(0)"> 天津雅特生物</a>
                </div>
                <div class="clear"></div>
            </div>

            <div class="copyright_text">
                <span>CopyRight @2003-2020 天津市康科德科技有限公司  版权所有<a href="javascript:void(0)">津ICP备 12000966号</a></span>
                <div class="pay_box">
                    <div class="pay_list">
                        <img src="images/wx.svg"/>
                        微信支付
                    </div>
                    <div class="pay_list">
                        <img src="images/zfb.svg"/>
                        支付宝
                    </div>
                    <div class="pay_list">
                        <img src="images/yl.svg"/>
                        银联
                    </div>
                </div>
                <span>技术支持：库价化学</span>
            </div>
        </div>
    </div>

    <script>
        $().ready(function () {
            $(".jqzoom").imagezoom();
                $("#thumblist li a").click(function(){
                    $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
                    $(".jqzoom").attr('src',$(this).find("img").attr("mid"));
                    $(".jqzoom").attr('rel',$(this).find("img").attr("big"));
            });
        })
        
    </script>
     <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
        slidesPerView: 5,
        spaceBetween: 20,
        loop: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
                320: {
                    slidesPerView: 2,
                    spaceBetween: 10
                },
                768: {
                    slidesPerView: 3,
                    spaceBetween: 10
                },
                992: {
                    slidesPerView: 4,
                    spaceBetween: 20
                },
                1200: {
                    slidesPerView: 5,
                    spaceBetween: 20
                }
            }
        });
    </script>

</body>
</html>